<header class="header">
    <!--导航-->
    <div class="navWrap">
        <div class="navLeft flexOne">
            <!--logo-->
            <a class="logo" href="index.html">Fly社区</a>
            <!--搜索框-->
            <div class="searchWrap">
                <i class="iconfont icon-weibiaoti3 iconSearch"></i>
                <input class="allSearch" type="text" placeholder="全站搜索">
                <a href="javascript:" data-role="do-search" class="doSearch">搜一搜</a>
            </div>
        </div>
        <div class="navCenter flexOne">
            <div class="aWrap">
                <a href="javascript:">首页</a>
                <i class="iconfont icon-xiala1"></i>
            </div>
        </div>
        <div class="navRight flexOne">
            {if condition="is_login() "}
            <div class="more mine">
                <div class="portrait"><img src="{$myInfo.avatar_64}" alt=""></div>
                <a href="javascript:">{$myInfo.nickname}</a>
                <div class="myCard">
                    <div class="cardBg">
                        <div class="cardAvatar"><img src="{$myInfo.avatar_64}" alt="头像"></div>
                    </div>
                    <p class="name">{$myInfo.nickname}</p>
                    <!-- todo 以后补充信息 -->
                 <!--   <p class="job">前端&&设计</p>-->
<!--                    <div class="contact">
                        <i class="iconfont icon-phone"></i>
                        <div class="detail">
                            <p>手 机</p>
                            <p>{$myInfo.mobile}</p>
                        </div>
                    </div>
                    <div class="contact">
                        <i class="iconfont icon-youxiang"></i>
                        <div class="detail">
                            <p>邮 箱</p>
                            <p>{$myInfo.email}</p>
                        </div>
                    </div>-->
                    <div class="contact">
                        <i class="iconfont icon-weixin"></i>
                        <div class="detail">
                            <p>签名</p>
                            <p>{$myInfo.signature}</p>
                        </div>
                    </div>
                </div>
            </div>
            <a title="设置" href="{:url('user/setting/index')}" class="more message"><i class="iconfont icon-shezhi"></i></a>
            <a title="注销" href="{:url('user/index/logout')}" class="more last openMenu"><i class="iconfont icon-zhuxiao"></i></a>
            {else /}
            <a class="login" href="{:url('user/index/login')}">登录</a>
            <i class="iconfont icon-dian-copy cut"></i>
            <a class="register" href="{:url('user/index/register')}"><span>不酷不要</span> 注册</a>
            {/if}
        </div>
    </div>
    <!--下拉菜单-->
    <div class="subNav">
        <ul class="navBox">
            <li class="up"><i class="iconfont icon-shang"></i><span>收起</span></li>
            <li><a href="{:url('index/index/index')}" class="c-btn c-btn--border-line"><i class="iconfont icon-xiaoxi"></i>首页</a></li>
            <li><a href="http://www.layui.com/" class="c-btn c-btn--border-line"><i class="iconfont icon-ui"></i>框架</a></li>
            <li><a href="{:url('user/setting/index')}" class="c-btn c-btn--border-line"><i class="iconfont icon-shezhi"></i>设置</a></li>
            <li><a href="{:url('trends/index/index')}" class="c-btn c-btn--border-line"><i class="iconfont icon-xiaoxi"></i>动态</a></li>
            <li><a href="#" class="c-btn c-btn--border-line"><i class="iconfont icon-xiaoxi"></i>音频和视频4</a></li>
            <li><a href="#" class="c-btn c-btn--border-line"><i class="iconfont icon-xiaoxi"></i>音频和视频5</a></li>
        </ul>
    </div>
</header>